import styled from 'styled-components'

const Flexdiv = styled.div`
    height:100%;
    display:flex;
    flex-direction:column;
`

const Divcon = styled.div`
    flex:1;
    overflow-y:scroll;
    padding:0.1rem 0.1rem 0;
    .am-tabs-tab-bar-wrap{
        border-radius:0.1rem 0.1rem 0 0;
        overflow:hidden;
    }
`

const Leftdiv = styled.div` 
    .left-top{
        background:#fff;
        padding:0.16rem 0 0.27rem;
        border-radius:0 0 0.1rem 0.1rem;
        margin-bottom:0.1rem;
        span{
            font-size:0.14rem;
            line-height:0.14rem;
            color:#000;
        }
        >span:first-of-type{
            line-height:0.14rem;
        }
        >span:last-of-type{
            display:block;
            text-align:right;
            line-height:0.14rem;
            margin-bottom:0.29rem;
        }
        >p{
            height:1rem;
            font-size:0.3rem;
            color:#000;
            line-height:1rem;
            text-align:center;
            em{
                font-size:0.16rem;
            }
        }
        ul{
            display:flex;
            padding-left:0.09rem;
            li{
                width:1.14rem;
                height:0.61rem;
                margin-left:0.13rem;
                background: #F1F4F8;
                border-radius:0.04rem;
                padding:0.1rem 0.07rem 0.1rem;
                span{
                    
                }
                P{
                    display:flex;
                    justify-content:space-between;
                    font-size:0.14rem;
                    line-height:0.14rem;
                    margin-bottom:0.1rem;
                    span{
                        color:#308BFE;
                    }
                }
            }
        }
    }
    .left-bottom{
        padding-bottom:1rem;
        h2{
            height:0.44rem;
            font-size:0.14rem;
            line-height:0.44rem;
            background:#fff;
            border-bottom:1px solid #ccc;
            border-radius:0.1rem 0.1rem 0 0;
        }
        h3{
            display:flex;
            height:0.44rem;
            align-items:center;
            >span{
                flex:1;
                text-align:center;
            }
        }
        h3:nth-of-type(1){
            background:#fff;
            border-radius:0 0 0.1rem 0.1rem;
        }
        h3:nth-of-type(2){
            background:#F1F4F8;
        }
        .text-input{
            background:#fff;
            padding:0.12rem 0.1rem;
            border-radius:0 0 0.1rem 0.1rem;
        }
        textarea{
            width:100%;
            border:none;
            font-size:0.14rem;
            color:#000;
            height:1.33rem;
            background:#EEEEEE;
            border-radius:0.1rem;
            padding:0.17rem 0.14rem;
        }
    }
`

const Rightdiv = styled.div`
    background:#fff;
    font-size:0.18rem;
    /* height:3rem; */
    padding:0.3rem;
    span{
        font-size:0.5rem;
        color:red;
    }
    h4{
        >span{
            font-size:0.22rem;
            font-weight:600;
        }
        li{
            margin:0.1rem 0;
        }
    }
`

export {
    Divcon,
    Leftdiv,
    Flexdiv,
    Rightdiv
}